﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PasswordRecovery.aspx.cs" Inherits="BookExchange.PasswordRecovery" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .uiContainer_pr
       { 
            -webkit-border-radius: 4px;
            margin-left: auto;
            margin-right: auto;
            width: 555px;
            margin-top: 20px;
            margin-bottom: 20px;
            padding-top: 10px;
            background-color: #fff;
            border: 1px solid #ccc;
            zoom: 1;
            font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
            font-size: 12px;
            line-height: 1.28;
            text-align: left;
        }

        .titleUiContainer_pr
        {
            border-color: #ccc;
            padding-bottom: .5em;
            border-bottom: 1px solid #aaa;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 5px;
            display: block;
            -webkit-margin-before: 0.83em;
            -webkit-margin-after: 0.83em;
        }

        .titleFont_pr
        {
            /*color: #627AAC;*/
            color:#3B5998;
            font-weight: bold;
        }

        .uiInterstitialContent
        {
            margin: 30px 0px 15px 0px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 10px;
        }

        .uiInnerContent-pr
        {
            margin-left: auto;
            margin-right: auto;
            width: 330px;
            
        }

        .footer-pr
        {
            padding: 8px 10px;
            border-bottom: none;
            border-left: none;
            border-right: none;
            background-color: #f2f2f2;
            border-top: 1px solid #ccc;
            margin-left: auto;
            margin-right: auto;
        }

        .uiInnerContent-pr td
        {
            text-align: left;
        }

        .icon_pr
        {
            margin: 0px 5px;
        }

        .validator_pr
        {
            margin-bottom: 7px;
        }

        .btnClick_pr
        { 
            background-color: #F3F2F3;
            border: 1px solid #999;
            border-bottom-color: #888;
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            padding: 3px 10px;
            margin: 0px 2px;
        }

        .btnFooter_pr
        {
            margin-right: auto;
            margin-left: auto;
            width: 180px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
      
    <div class="uiContainer_pr">
        <div class="titleUiContainer_pr titleFont_pr">
            <h2>Yêu cầu khôi phục mật khẩu</h2>
        </div>
        <div class="uiInterstitialContent">
            <div class="uiInnerContent-pr">
                <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
                    <asp:View ID="ViewGetInformation" runat="server">
                        <table>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td>
                                        <div>Nhập vào Username của bạn</div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <img class="icon_pr" src="Images/nta/icon/Icon-user.png" alt="" width="32" height="32" />


                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtUsername" runat="server" Width="241px"></asp:TextBox>
                                    </td>

                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <div class="validator_pr">
                                            <asp:RequiredFieldValidator ValidationGroup="valid" ID="RequiredFieldValidator3" runat="server"
                                                ControlToValidate="txtUsername" ErrorMessage="Bạn chưa nhập username" ForeColor="#CC0000"></asp:RequiredFieldValidator>
                                        </div>

                                    </td>


                                </tr>
                                <tr>
                                    <td></td>
                                    <td>Nhập vào Email của bạn</td>

                                </tr>
                                <tr>
                                    <td>
                                        <img class="icon_pr" src="Images/nta/icon/Icon-mail.gif" alt="" width="32" height="32" />

                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtEmail" runat="server" Width="241px"></asp:TextBox>
                                    </td>

                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <asp:RequiredFieldValidator ValidationGroup="valid" ID="RequiredFieldValidator4" runat="server"
                                           Display="Dynamic" ErrorMessage="Bạn chưa nhập vào Email" ControlToValidate="txtEmail" ForeColor="#CC0000"></asp:RequiredFieldValidator>

                                        <asp:RegularExpressionValidator ValidationGroup="valid" ID="RegularExpressionValidator2" runat="server"
                                             ControlToValidate="txtEmail" ErrorMessage="Nhập email không đúng định dạng" ForeColor="#CC0000"
                                            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                    </td>
                                </tr> 
                            </tbody>

                        </table>
                    </asp:View>


                    <asp:View ID="ViewCodeConfirmation" runat="server">
                        <table>
                            <tbody>
                                <tr>
                                    <td colspan="2">
                                        <div class="validator_pr">
                                            Chúng tôi đã gửi cho bạn email có chứa mã xác nhận gồm sáu chữ số.
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <div class="validator_pr">
                                            Nhập mã vào bên dưới để tiếp tục đặt lại mật khẩu.  
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <img class="icon_pr" src="Images/nta/icon/check_off.png" alt=""   height="32" />


                                    </td>
                                    <td>
                                        <div class="validator_pr">
                                            <asp:TextBox ID="txtCodeConfirmation" runat="server" Width="241px" MaxLength="6"></asp:TextBox>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <div class="validator_pr">
                                            <asp:RequiredFieldValidator ValidationGroup="valid" ID="RequiredFieldValidator1" runat="server"
                                                ControlToValidate="txtCodeConfirmation" ErrorMessage="Bạn chưa nhập mã xác nhận" ForeColor="#CC0000"></asp:RequiredFieldValidator>
                                        </div>

                                    </td>


                                </tr>

                            </tbody>

                        </table>
                    </asp:View>


                    <asp:View ID="ViewPasswordChange" runat="server">
                        <table>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td>
                                        <div>Nhập vào mật khẩu mới của bạn</div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <img class="icon_pr" src="Images/nta/icon/password.png" alt="" width="32" height="32" />


                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtNewPassword" runat="server" Width="241px" TextMode="Password"></asp:TextBox>
                                    </td>

                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <div class="validator_pr">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
                                                ControlToValidate="txtNewPassword" ErrorMessage="Bạn chưa nhập mật khẩu" ForeColor="#CC0000" ValidationGroup="valid"></asp:RequiredFieldValidator>
                                        </div>

                                    </td>


                                </tr>
                                <tr>
                                    <td></td>
                                    <td>Nhập lại mật khẩu mới của bạn</td>

                                </tr>
                                <tr>
                                    <td>
                                        <img class="icon_pr" src="Images/nta/icon/password.png" alt="" width="32" height="32" />

                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtNewPasswordConfirm" runat="server" Width="241px" TextMode="Password"></asp:TextBox>
                                    </td>

                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"
                                             Display="Dynamic" ErrorMessage="Bạn chưa nhập mật khẩu" ControlToValidate="txtNewPasswordConfirm" ForeColor="#CC0000" ValidationGroup="valid"></asp:RequiredFieldValidator>
                                        <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                            ErrorMessage="Mật khẩu không trùng khớp" ControlToCompare="txtNewPassword"  ForeColor="#CC0000"
                                            ControlToValidate="txtNewPasswordConfirm" ValidationGroup="valid"></asp:CompareValidator>

                                    </td>
                                </tr>
                            </tbody>

                        </table>
                    </asp:View>
                </asp:MultiView>
            </div>
        </div>

        <div class="footer-pr">
            <div class="btnFooter_pr">
                <asp:Button ID="btnNext" runat="server" Text="Tiếp"
                    OnClick="PasswordRecovery_Click" CssClass="btnClick_pr" ValidationGroup="valid" />
                <asp:Button ID="btnCancel" runat="server" Text="Hủy bỏ"
                    OnClick="btnCancel_Click" CssClass="btnClick_pr" />

            </div>
        </div>
    </div>



</asp:Content>